HTML - tags - style tag

revision: December 8, 2025

Content

"style" tag : defines style information for a document

The <style> tag is used to define style information (CSS) for a document. Inside the <style> element you specify how HTML elements should render in a browser.
When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet. If some properties have been defined for the same selector (element) in different style sheets, the value from the last read style sheet will be used! To link to an external style sheet, use the <link> tag.

Attributes: the <style> element supports the global attributes and events attributes.Specific attributes are:

media ; value: media_query; specifies what media/device the media resource is optimized for.

type ; value: text/css; specifies the media type of the <style> tag;

syntax

<style> . . . </style>

some examples

                    <style>
                        h3 {color:red;}
                        p.one {color:blue;}
                    </style>
                    <div>               
                        <h3>This is a heading</h3>
                        <p class="spec one">This is a paragraph.</p>
                    </div>
                

                    <style type="text/css">
                        p.two {color: #26b72b;}
                    </style>
                    <p class="two">This text will be green. Inline styles take precedence over CSS included externally.</p>
                    <p class="two" style="color: blue">The <code>style</code> attribute can override it,
                    though.</p>